{% load crispy_forms_tags %}
{% load i18n %}
<div id="form_form">
  <h3>{% trans "Form" %}</h3>
  <p>{% trans "The form option is used when this integration gets added to a user or in a sequence to add specific details. For example: you want to create a new user in a third party application, but you want to be able to select to which group they will be added. You can do that with this option." %}</p>
  <div>
    <div>
      {% for item, index in existing_form_items %}
        {% include "manifest_test/form_disabled_form.html" with form=item %}
      {% endfor %}
    </div>
    <h3> Add form item </h3>
    <form hx-post="{% url 'integrations:manifest-form-add' integration.id %}" hx-select="#form_form" hx-target="#form_form">
      {% crispy form %}
      <button class="btn btn-primary">Add form item</button>
    </form>
  </div>
</div>
